<#include "/_pagelet/constant.html"/>
<!DOCTYPE html>
<html lang="zh">
<head>
<#include "/_pagelet/header.html"/>
<title>后台管理</title>
<style type='text/css'>
#innerPage {
	border: 0;
	width: 100%;
}
</style>
</head>

<body>
	<div class="navbar">
		<div class="navbar-inner">
			<div class="container-fluid">
				<a href="${(conf_vPath)!}" class="brand"> <small> <i
						class="icon-leaf"></i> 后台管理
				</small>
				</a>
				<!--/.brand-->

				<ul class="nav ace-nav pull-right">
					<li class="grey"><a data-toggle="dropdown"
						class="dropdown-toggle" href="javascript:;"> <i
							class="icon-tasks"></i> <span class="badge badge-grey">4</span>
					</a>

						<ul
							class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-closer">
							<li class="nav-header"><i class="icon-ok"></i> 4 Tasks to
								complete</li>

							<li><a href="javascript:;">
									<div class="clearfix">
										<span class="pull-left">Software Update</span> <span
											class="pull-right">65%</span>
									</div>

									<div class="progress progress-mini ">
										<div style="width: 65%" class="bar"></div>
									</div>
							</a></li>

							<li><a href="javascript:;">
									<div class="clearfix">
										<span class="pull-left">Hardware Upgrade</span> <span
											class="pull-right">35%</span>
									</div>

									<div class="progress progress-mini progress-danger">
										<div style="width: 35%" class="bar"></div>
									</div>
							</a></li>

							<li><a href="javascript:;">
									<div class="clearfix">
										<span class="pull-left">Unit Testing</span> <span
											class="pull-right">15%</span>
									</div>

									<div class="progress progress-mini progress-warning">
										<div style="width: 15%" class="bar"></div>
									</div>
							</a></li>

							<li><a href="javascript:;">
									<div class="clearfix">
										<span class="pull-left">Bug Fixes</span> <span
											class="pull-right">90%</span>
									</div>

									<div
										class="progress progress-mini progress-success progress-striped active">
										<div style="width: 90%" class="bar"></div>
									</div>
							</a></li>

							<li><a href="javascript:;"> See tasks with details <i
									class="icon-arrow-right"></i>
							</a></li>
						</ul></li>

					<li class="purple"><a data-toggle="dropdown"
						class="dropdown-toggle" href="javascript:;"> <i
							class="icon-bell-alt icon-animated-bell"></i> <span
							class="badge badge-important">8</span>
					</a>

						<ul
							class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-closer">
							<li class="nav-header"><i class="icon-warning-sign"></i> 8
								Notifications</li>

							<li><a href="javascript:;">
									<div class="clearfix">
										<span class="pull-left"> <i
											class="btn btn-mini no-hover btn-pink icon-comment"></i> New
											Comments
										</span> <span class="pull-right badge badge-info">+12</span>
									</div>
							</a></li>

							<li><a href="javascript:;"> <i
									class="btn btn-mini btn-primary icon-user"></i> Bob just signed
									up as an editor ...
							</a></li>

							<li><a href="javascript:;">
									<div class="clearfix">
										<span class="pull-left"> <i
											class="btn btn-mini no-hover btn-success icon-shopping-cart"></i>
											New Orders
										</span> <span class="pull-right badge badge-success">+8</span>
									</div>
							</a></li>

							<li><a href="javascript:;">
									<div class="clearfix">
										<span class="pull-left"> <i
											class="btn btn-mini no-hover btn-info icon-twitter"></i>
											Followers
										</span> <span class="pull-right badge badge-info">+11</span>
									</div>
							</a></li>

							<li><a href="javascript:;"> See all notifications <i
									class="icon-arrow-right"></i>
							</a></li>
						</ul></li>

					<li class="green"><a data-toggle="dropdown"
						class="dropdown-toggle" href="javascript:;"> <i
							class="icon-envelope icon-animated-vertical"></i> <span
							class="badge badge-success">5</span>
					</a>

						<ul
							class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-closer">
							<li class="nav-header"><i class="icon-envelope-alt"></i> 5
								Messages</li>

							<li><a href="javascript:;"> <img
									src="${(conf_cdn)!}js/ace/1.1.2/assets/avatars/avatar.png"
									class="msg-photo" alt="Alex's Avatar" /> <span
									class="msg-body"> <span class="msg-title"> <span
											class="blue">Alex:</span> Ciao sociis natoque penatibus et
											auctor ...
									</span> <span class="msg-time"> <i class="icon-time"></i> <span>a
												moment ago</span>
									</span>
								</span>
							</a></li>

							<li><a href="javascript:;"> <img
									src="${(conf_cdn)!}js/ace/1.1.2/assets/avatars/avatar3.png"
									class="msg-photo" alt="Susan's Avatar" /> <span
									class="msg-body"> <span class="msg-title"> <span
											class="blue">Susan:</span> Vestibulum id ligula porta felis
											euismod ...
									</span> <span class="msg-time"> <i class="icon-time"></i> <span>20
												minutes ago</span>
									</span>
								</span>
							</a></li>

							<li><a href="javascript:;"> <img
									src="${(conf_cdn)!}js/ace/1.1.2/assets/avatars/avatar4.png"
									class="msg-photo" alt="Bob's Avatar" /> <span class="msg-body">
										<span class="msg-title"> <span class="blue">Bob:</span>
											Nullam quis risus eget urna mollis ornare ...
									</span> <span class="msg-time"> <i class="icon-time"></i> <span>3:15
												pm</span>
									</span>
								</span>
							</a></li>

							<li><a href="javascript:;"> See all messages <i
									class="icon-arrow-right"></i>
							</a></li>
						</ul></li>

					<li class="light-blue"><a data-toggle="dropdown"
						href="javascript:;" class="dropdown-toggle"> <img
							class="nav-user-photo"
							src="${(conf_cdn)!}js/ace/1.1.2/assets/avatars/user.jpg"
							alt="Jason's Photo" /> <span class="user-info"> <small>欢迎您,</small>
								${_data.user_name}
						</span> <i class="icon-caret-down"></i>
					</a>

						<ul
							class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-closer">
							<li><a href="javascript:;"> <i class="icon-cog"></i>
									Settings
							</a></li>

							<li><a href="#page/user/changePwd"> <i class="icon-user"></i>
									修改密码
							</a></li>

							<li class="divider"></li>

							<li><a href="${(conf_vPath)!}user/logout"> <i
									class="icon-off"></i> 退出
							</a></li>
						</ul></li>
				</ul>
				<!--/.ace-nav-->
			</div>
			<!--/.container-fluid-->
		</div>
		<!--/.navbar-inner-->
	</div>

	<div class="main-container container-fluid">
		<a class="menu-toggler" id="menu-toggler" href="javascript:;"> <span
			class="menu-text"></span>
		</a>

		<div class="sidebar" id="sidebar">
			<div class="sidebar-shortcuts" id="sidebar-shortcuts">
				<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
					<button class="btn btn-small btn-success">
						<i class="icon-signal"></i>
					</button>

					<button class="btn btn-small btn-info">
						<i class="icon-pencil"></i>
					</button>

					<button class="btn btn-small btn-warning">
						<i class="icon-group"></i>
					</button>

					<button class="btn btn-small btn-danger">
						<i class="icon-cogs"></i>
					</button>
				</div>

				<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
					<span class="btn btn-success"></span> <span class="btn btn-info"></span>

					<span class="btn btn-warning"></span> <span class="btn btn-danger"></span>
				</div>
			</div>
			<!--#sidebar-shortcuts-->

			<#include "_pagelet/nav.html"/>
			<!--/.nav-list-->

			<div class="sidebar-collapse" id="sidebar-collapse">
				<i class="icon-double-angle-left"></i>
			</div>
		</div>

		<div class="main-content">
			<iframe id='innerPage' src='' scrolling='no'></iframe>
		</div>
		<!--/.main-content-->
	</div>
	<!--/.main-container-->

	<a href="javascript:;" id="btn-scroll-up"
		class="btn-scroll-up btn btn-small btn-inverse"> <i
		class="icon-double-angle-up icon-only bigger-110"></i>
	</a>

</body>
</html>

<#include "/_pagelet/js.html"/>
<script type='text/javascript'
	src='${(conf_cdn)!}js/backbone/1.0.0/backbone.min.js?v1.0.0'></script>
<script type='text/javascript'>
	(function($) {
		var _innerPage = $('#innerPage');
		var Router = Backbone.Router.extend({
			routes : {
				'' : '_showDefPage',
				'page/*path' : '_showPage',
			},
			initialize : function() {
				/* console.log('initialize'); */
			},
			_showDefPage : function() {
				this._showPage('${(conf_vPath)!}welcome');
			},
			_showPage : function(url) {
				_innerPage.attr('src', url);
			}
		});
		new Router();
		Backbone.history.start();
	})($);

	function resizeInnerPage(obj) {
		document.getElementById('innerPage').height = obj.height();
	}

	function go(url) {
		location.href = location.origin + location.pathname + url;
	}
</script>
